<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>sportData</title>
</head>

<body>
    <div class="top">
        <span class="iconfont icon-xiangzuo1"></span>
        <div class="tit df jcsb">
            <p class="mine">我的运动数据</p>
            <div class="cir">
                <!-- <img src="#"> -->
            </div>
        </div>
        <!-- 运动数据 -->
        <div class="data">
            <div class="down df">
                <div class="l">
                    <p class="word">总运动</p>
                    <div class="df a1">
                        <p id="duration" class="num"></p><span class="mins">分钟</span>
                    </div>
                </div>
                <span class="mid"></span>
                <div class="r">
                    <p class="word">本周消耗</p>
                    <div class="df a1">
                        <p class="num" id="calorie"> </p><span class="mins">千卡</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 底部 -->
        <div class="num df jcsb">
            <!-- 消耗 -->
            <div class="box xiaohao bf aic jcc">
                <p class="word">消耗(千卡)</p>
                <p id="num11"></p>
            </div>
            <!-- 累计 -->
            <div class="box leiji">
                <p class="word">累计(天)</p>
                <p id="num22"></p>
            </div>
            <!-- 连续 -->
            <div class="box lianxu">
                <p class="word">连续(天)</p>
                <p id="num33"></p>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="pannel shadow mt20" id="bar"></div>
        <div class="pannel shadow mt20" id="pie"></div>
    </div>
</body>

</html>